<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    //1.script src 不受同源策略限制
    //2.script 标签是有默认行为的：下载src 指定 的内容；并且当做js语言执行；
    //3.jsonp想完成跨域；是需要后台api接口的支持。把数据封装成函数调用的样子：

    <div id="div1">
        <div id="div2">
            <div id="div3"></div>
        </div>
    </div>

    <script src="http://api.xxx.com/getuserList?callback=showUser"></script>
    <script>
        [{
            name: "gao"
        }, {
                name: "zhangsan"
            }, {
                name: "lisi"
            }]
        //变成下面的形式：
        `showUser([{
            name: "gao"
        }, {
            name: "zhangsan"
        }, {
            name: "lisi"
        }])`


        function showUser(dataList) {
            //业务逻辑处理 dataList 就是接口返回的数据
        }
    </script>

    1，点击div3 是不是也算点击了div1？
    2，有分歧的地方：

    div1有点击事件；div2 有点击事件 div3也有点击事件
    现在点击了div3？
    click 3个都要触发！！！没有分歧
    3个点击事件的执行顺序？？？分歧来了！

    ECMAscript

    javascript 是网景公司 自己的浏览器使用   123
    jscript   微软  ie 浏览器使用           321 

    苹果手机 安卓手机 开发语言不同？

    统一标准：不再各自发展。ECMAscript； 
    网景：123 的顺序就是捕获阶段
    微软：321 的顺序就是冒泡阶段
    捕获再前  冒泡在后；

    捕获阶段的 1 2  3 
    冒泡阶段的 3  2  1 
    共触发6次点击事件
    
    oDiv.onclick=function(){
        //默认是走的冒泡阶段
    }
    



</body>

</html>